<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page session="true"%>

<!DOCTYPE html>
<html lang="en">
<head>

<title>Signin Template for Bootstrap</title>


<!-- Latest compiled and minified CSS -->
<!-- <link rel="stylesheet" -->
<!-- 	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> -->
<link href="<c:url value="resources/bootstrap/css/bootstrap.min.css"/>"
	rel="stylesheet" />


<link href="<c:url value="resources/bootstrap/css/form.css"/>"
	rel="stylesheet" />
<script type="text/javascript"
	src="<c:url value="resources/bootstrap/js/captcha.js"/>"></script>

<script type="text/javascript"
	src="<c:url value="resources/bootstrap/js/jquery.min.js"/>"></script>


<link rel="stylesheet"
	href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
	$(function() {
		$("#datepicker").datepicker();
	});

	$(document).ready(function() {
		var textbox = '#Amount';
		var hidden = '#ThousandSeperator_num';
		$(textbox).keyup(function() {
			var num = $(textbox).val();
			var comma = /,/g;
			num = num.replace(comma, '');
			$(hidden).val(num);
			var numCommas = addCommas(num);
			$(textbox).val(numCommas);
		});
	});

	function addCommas(nStr) {
		nStr += '';
		var comma = /,/g;
		nStr = nStr.replace(comma, '');
		x = nStr.split('.');
		x1 = x[0];
		x2 = x.length > 1 ? '.' + x[1] : '';
		var rgx = /(\d+)(\d{3})/;
		while (rgx.test(x1)) {
			x1 = x1.replace(rgx, '$1' + ',' + '$2');
		}
		return x1 + x2;
	}
</script>

</head>

<body>

	<div class="viewuser">
		<div class="content1">

			<input class="form-control" placeholder="Date Time"
				id="ThousandSeperator_num"></input>

			<h1 align="left">

				<span class="label label-default"><img id="csclogo"
					src="resources/img/csc_logo.png"> Create New Transaction</span>
			</h1>

			<span class="label label-default">Le Huu Nghia</span>



			<table class="table table-hover">

				<thead>
					<tr class="active">
						<th>#</th>
						<th>Information</th>
						<th>Detail</th>
					</tr>
				</thead>
				<tbody>

					<tr class="warning">
						<td>1</td>
						<td style="white-space: nowrap;">Select Account</td>
						<td><select class="form-control">


								<option value="one">Le Huu
									Nghia</option>
								<option  value="two">Two Le Huu Nghia</option>
								<option value="three">Three Le Huu Nghia</option>
								<option value="four">Four Le Huu Nghia</option>
								<option value="five">Five Le Huu Nghia</option>



						</select></td>
					</tr>
					<tr>
						<td>2</td>
						<td>Amount</td>
						<td><div class="input-group">

								<input type="text" class="form-control"
									placeholder="Amount of Money" id="Amount"> <span
									class="input-group-addon">VND</span>
							</div></td>
					</tr>
					<tr>
						<td>3</td>
						<td>Date</td>
						<td><input class="form-control" placeholder="Date Time"
							id="datepicker"></input></td>
					</tr>
					<tr>
						<td>3</td>
						<td>Description</td>
						<td><textarea class="form-control" rows="3" placeholder="..."
								id="Description"></textarea></td>
					</tr>


				</tbody>
			</table>

			<button class="btn btn-lg btn-danger btn-block" type="submit"
				value="submit" name="submit"">Create</button>


		</div>
	</div>
	<!-- /container -->


</body>


</html>